<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<header th:replace="common/IncludeTop"></header>
<body>
<div id="Content">
    <h3 th:text="${account.username}">Account Username</h3>
    <form action="/account/accountDate" method="post" th:object="${account}">
        <table>
            <tr>
                <td>用户名称(账号):</td>
                <td th:text="${account.username}">Account Username</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{username}"/>
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td th:text="${account.sex}">Account Sex</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{sex}"/></td>
            </tr>
            <tr>
                <td>年龄:</td>
                <td th:text="${account.age}">Account Age</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{age}"/></td>
            </tr>
            <tr>
                <td>电子邮件:</td>
                <td th:text="${account.email}">Account Email</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{email}"/></td>
            </tr>
            <tr>
                <td>电话号码:</td>
                <td th:text="${account.phone}">Account Phone</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{phone}"/></td>
            </tr>
            <tr>
                <td>地址1:</td>
                <td th:text="${account.address1}">Account Address1</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{address1}"/>
                </td>
            </tr>
            <tr>
                <td>地址2:</td>
                <td th:text="${account.address2}">Account Address2</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{address2}"/>
                </td>
            </tr>
            <tr>
                <td>居住城市:</td>
                <td th:text="${account.city}">Account City</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{city}"/></td>
            </tr>
            <tr>
                <td>居住国家:</td>
                <td th:text="${account.country}">Account Country</td>
                <td><input type="text" name="account" placeholder="仅可输入英文或数字" th:field="*{country}"/></td>
            </tr>
        </table>

        <h3>偏好信息</h3>

        <table>
            <tr>
                <td th:text="${account.languagePreference}">语言偏好:Chinese</td>
                <td>修改为：</td>
                <td th:field="*{languagePreference}"><select name="account">
                    <!-- 循环 -->
                    <option>Chinese</option>
                    <option>English</option>
                </select></td>
            </tr>
            <tr>
                <td th:text="${account.favouriteCategoryId}">喜爱种类:FISH</td>
                <td>修改为：</td>
                <td th:field="*{favouriteCategoryId}"><select name="account">
                    <option value="FISH">FISH</option>
                    <option value="DOGS">DOGS</option>
                    <option value="REPTILES">REPTILES</option>
                    <option value="CATS">CATS</option>
                    <option value="BIRDS">BIRDS</option>
                </select></td>
            </tr>
        </table>
        <div class="Tip" th:if="${tip != null}" th:text="${tip}">Tip</div>
        <input class="submit" name="editAccount" value="保存"
               type="submit">
    </form>
</div>
<footer th:replace="common/IncludeBottom"></footer>
</body>
</html>